<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>重置您的密码 - EIASYS 企业信息聚合系统</title>
    <link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/login.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/login-responsive.min.css') }}" rel="stylesheet">
    <link href="{{ asset('layui/css/layui.css') }}" rel="stylesheet">
</head>
<body class="pace-top bg-white  pace-done">
<style>
    .warning{color: darkred}
    .register_mobile,.register_mobile_loading{
        background-color:#72bfef;
        color: #fff;
        font-size:16px;float: right;width:150px; height:45px;line-height:45px;text-align:center;cursor: pointer;
        border:1px solid #ddd;
    }
    .register_mobile_loading{
        background-color:#999;
        color: #ddd;
    }
</style>
<div class="pace  pace-inactive"><div class="pace-progress" data-progress-text="100%" data-progress="99" style="width: 100%;">
        <div class="pace-progress-inner"></div>
    </div>
    <div class="pace-activity"></div></div>
<!-- begin #page-loader -->
<div id="page-loader" class="fade in hide"><span class="spinner"></span></div>
<!-- end #page-loader -->

<!-- begin #page-container -->
<div id="page-container" class="fade in">
    <!-- begin login -->
    <div class="login login-with-news-feed">
        <!-- begin news-feed -->
        <div class="news-feed">
            <div class="news-image">
                <img src="{{ asset('images/login_bg.jpg') }}">
            </div>
            <div class="news-caption">
                <h4 class="caption-title"><i class="ion-ios-cloud m-r-15 fa-2x pull-left"></i> 万象时代为您提供强力技术支持</h4>
                <p>
                    wxsd provides website production and webpage design. It is a professional Internet Co of website marketing. It is one of the best network companies in Wuhan local website construction service.
                </p>
            </div>
        </div>
        <!-- end news-feed -->
        <!-- begin right-content -->
        <div class="right-content">
            <!-- begin login-header -->
            <div class="login-header">
                <div class="brand">
                    <span class="logo"><img class="yun ion-ios-cloud" src="{{ asset('images/yun.png') }}" /></span>
                    通过手机重置登录密码
                    <small>第一步：验证手机号码。<br></small>
                </div>
                <div class="icon">
                    <img src="{{ asset('images/so.png') }}" />
                </div>
            </div>
            <!-- end login-header -->
            <!-- begin login-content -->
            <div class="login-content">
{{--                <form action="{{ route('register') }}" method="POST" class="margin-bottom-0">--}}
                <form action="{{ route('MobileToPassworld') }}" method="POST" class="margin-bottom-0">
                    @csrf

                    <div class="warning">
                        @include('layouts._validate')
                        @include('layouts._message')
                        {{--{{ session()->get('code') }}--}}
                    </div>
                    <div class="form-group m-b-15">
                        <input style="width: 221px;" type="text" name="mobile" value="" class="form-control input-lg" id="mobile"
                                     placeholder="请输入您的手机号" AUTOCOMPLETE="off">
                    </div>
                    <div class="form-group m-b-15">
                        <img style="float: right;cursor: pointer;border:1px solid #ddd;" src="{{captcha_src()}}" onclick="this.src='{{captcha_src()}}'+Math.random()">
                        <input style="width: 221px;" type="text" name="captcha" value="" class="form-control input-lg" id="captcha"
                               placeholder="请输入四位数字验证码" AUTOCOMPLETE="off">
                    </div>
                    <div class="login-buttons">
                        <button type="submit" id="mobile_store_passworld_one" class="btn btn-primary btn-block btn-lg">下一步</button>
                    </div>
                    <div class="m-t-20 m-b-40 p-b-40 text-inverse">
                        [<a href="{{ route('Login') }}">返回登录页</a>]
                    </div>
                    <hr>
                    <p class="text-center">
                        Powered by <a style="color: #999;" href="http://www.wanxiangshidai.com/" target="_blank">万象时代</a> © wxsd.cc All Right Reserved 2014
                    </p>
                </form>
            </div>
            <!-- end login-content -->
        </div>
        <!-- end right-container -->
    </div>
    <!-- end login -->

</div>

<script language="javascript" type="text/javascript" src="{{ asset('layui/layui.js') }}"></script>
<script>

    layui.use(['form', 'upload','laydate' ], function () {
        var $ = layui.$;

        var enable = true;
        $('#mobile_store_passworld_one').click(function (event) {
            if($('#mobile').val()==''){
                layer.msg('请填写手机号码！', {icon: 0});
                return false;
            }
            if($('#captcha').val()==''){
                layer.msg('请填写验证码！', {icon: 0});
                return false;
            }

        });

    });

</script>

</body></html>